﻿.ft-red { color: #FF0000; }
.ft-orange { color: #FF6600; }
.ft-green { color: #41AB01; }
.ft-gray { color: #999999; }
.ft-weight-normal { font-weight: normal; }
.ft-weight-bold { font-weight: bold; }
.color-red { color: #FF0000; }
.color-orange { color: #FF6600; }
.color-green { color: #41AB01; }
.color-gray { color: #999999; }
.color-gray-light { color: #808080; }

.text-align-left { text-align: left; }
.text-align-center { text-align: center; }
.text-align-right { text-align: right; }

a.order-status { color: #f50; }
a.order-status:hover { color: #f50; }
a.order-status:active { color: #f50; }
a.order-status:visited { color: #f50; }
.remaining-time { color: #FE4202; }

/*默认按钮*/
.ui-btn { background-image: url("http://static.ayatta.com/img/btn.bg.png"); margin: 0; padding: 0; width: 102px; border: 0 none; cursor: pointer; font-size: 14px; height: 35px; line-height: 35px; }
.ui-btn-alpha { background-position: 0 -208px; color: #FFFFFF; }
.ui-btn-alpha:hover { background-position: 0 -256px; }
.ui-btn-beta { background-position: -112px -208px; color: #555555; }
.ui-btn-beta:hover { background-position: -112px -256px; }

.ui-box-alpha { border: 1px solid #CCCCCC; background-color: #FFF; border-radius: 3px 3px 3px 3px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); margin-bottom: 20px; }
.ui-box-alpha .ui-box-head { border-bottom: 3px solid #a30806; font-family: "微软雅黑";height: 50px;line-height: 27px;}

.ui-box-alpha .ui-box-head .ui-box-head-title { font-weight: bold; color: #a30806; font-size: larger; }

.ui-box-alpha .ui-box-container-noborder { border: none; }
.ui-box-alpha .ui-box-container-head { background: url("http://static.ayatta.com/images/tb-th.gif") repeat-x scroll 0 7px transparent; border-bottom: 1px solid #C30000; border-top: 1px solid #E2E8ED; color: #C30000; font-family: "微软雅黑"; font-size: 14px; font-weight: bold; height: 35px; line-height: 35px; padding-left: 20px; }
.ui-box-alpha .ui-box-content-special { height: 20px; }

.ui-table-container { border: 1px solid #DCDFE5; padding: 1px; }

.ui-table-alpha { color: #4D4D4D; }
.ui-table-alpha thead { font-size: 13px; }
.ui-table-alpha thead tr th { border-top: 1px solid #E2E8ED; color: #444444; font-weight: normal; text-align: center; background: url("http://static.silenthink.com/images/tb-th.gif") repeat-x scroll 0 7px transparent; border-bottom: 1px solid #C30000; }
.ui-table-alpha thead tr th.text-align-left { text-align: left; }
.ui-table-alpha tbody tr td { text-align: center; }
.ui-table-alpha tbody tr td.text-align-left { text-align: left; }
.ui-table-alpha tbody tr td div.media { text-align: left; }

.ui-table-alpha tbody.item tr.item-header { background-color: #F3F3F3; }
.ui-table-alpha tbody.item tr.item-header td { border-bottom: 1px solid #E6E6E6; }
.ui-table-alpha tbody.item-pending tr.item-header { background-color: #E8F2FF; }
.ui-table-alpha tbody.item-pending tr.item-header td { padding: 5px; border-bottom: 1px solid #D4E7FF; border-top: 1px solid #D4E7FF; }
.ui-table-alpha tbody.item-pending tr.item-header td.text-align-left { text-align: left; }

.ui-table-alpha tbody td.col { border-right: 1px solid #E6E6E6; }

.ui-table-alpha tbody tr.item-header td { padding: 5px; border-bottom: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9; }
.ui-table-alpha tbody tr.item-footer td { border: none; line-height: 20px; height: 20px; }
.ui-table-alpha tbody td.multiple { border-right: 1px dashed #D9D9D9; }
.ui-table-alpha tbody tr.light td.light { border-bottom: 1px dashed #D9D9D9; }

.status-box { padding: 20px; }
.status-box > div { padding-left: 50px; }
.status-box .status-icon { height: 40px; font-family: '微软雅黑'; }
.status-box .status-msg { margin-top: 10px; }
.status-box .status-icon strong { font-size: 18px; line-height: 40px; }
.status-box-warm-error { background-color: #fff2f2; border: 1px solid #fdb7b7; }
.status-box-warm-alert { background-color: #FFFFE6; border: 1px solid #FFBA00; }
.status-box-warm-success { background-color: #efffe2; border: 1px solid #97b482; }
.status-box-warm-error .status-icon { color: #FF3366; }
.status-box-warm-alert .status-icon { color: #FFBA00; }
.status-box-warm-success .status-icon { color: #99CC00; }

.status-error { background: url("http://static.ayatta.com/img/icon.status.error.png") 0 0 no-repeat transparent; line-height: 40px; font-size: 14px; }

.flowstep .step-no,.flowstep .step-sub-box .step-sub{background:url(http://img04.taobaocdn.com/tps/i4/T1ze0ZXA0aXXcVlxZa-734-340.png) no-repeat 50% -102px}
.flowstep{margin:0 ;padding: 0}
.flowstep ul{overflow:hidden;zoom: 1;margin:0 ;padding: 0}
.flowstep li{float:left;text-align:center}
.flowstep .step-name{padding:3px 0;font-weight:bold;color:#888}
.flowstep .step-no{height:34px;line-height:34px;font-family:'arial black';color:#fff;font-size: 18px;font-weight: bold;}
.flowstep .step-last .step-no{background-position:50% -136px}
.flowstep .step-time{color:#999;padding:8px 0}
.flowstep .step-time .time-first,.flowstep .step-time .time-last{display:inline-block;*display:inline;*zoom:1}
.flowstep .step-time .time-first{padding-right:25px}.flowstep .step-time .time-last{padding-left:25px}
.flowstep .step-cur .step-name{color:#009349}.flowstep .step-cur .step-no{background-position:50% 0}
.flowstep .step-first .step-cur .step-no{background-position:50% -34px}
.flowstep .step-last .step-cur .step-no{background-position:50% -68px}
.flowstep .step-done .step-no{background-position:50% -170px}
.flowstep .step-first .step-done .step-no{background-position:50% -204px}
.flowstep .step-sub{position:relative;margin:0 auto;width:120px;height:34px}
.flowstep .step-sub-box .step-sub-done{background-position:50% -238px}
.flowstep .step-sub-box .step-sub-none{background-position:50% -272px}
.flowstep .step-sub-box .step-sub-half{background-position:50% -306px}
.flowstep .step-sub .sub-first,.flowstep .step-sub .sub-last{position:absolute;top:11px;font-weight:bold;color:#888;white-space:nowrap}
.flowstep .step-sub .sub-first{right:120px;text-align:right}
.flowstep .step-sub .sub-last{left:120px}
.flowstep-5{}
.flowstep-5 li{width:180px}
.flowstep-4{margin-left:-63px;width:1120px}
.flowstep-4 li{width:280px}

.ui-step-bar li, .ui-step-bar .ui-step-cur .ui-step-status, .ui-step-bar .ui-step-start-cur .ui-step-status, .ui-step-bar .ui-step-end-cur, .ui-step .ui-step-start-done .ui-step-status { background: url("http://img02.taobaocdn.com/tps/i2/T1WImjXfVDXXXUDz2G-34-214.png") no-repeat scroll 0 0 transparent; }
.ui-step, .ui-step-2, .ui-step-3, .ui-step-4, .ui-step-5 {  padding: 60px 80px; }
.ui-step-bar { background-color: #CAC5C1; height: 10px; }
.ui-step-bar li { color: #888888; float: left; height: 34px; margin-top: -12px; position: relative; width: 100%; }
.ui-step-bar .ui-step-start, .ui-step-bar .ui-step-start-cur, .ui-step-bar .ui-step-start-done { margin-left: 0; }
.ui-step-bar .ui-step-cur, .ui-step-bar .ui-step-start-cur, .ui-step-bar .ui-step-end-cur, .ui-step-bar .ui-step-done, .ui-step-bar .ui-step-start-done, .ui-step-bar .ui-step-end-done { color: #B10000; font-weight: 700; }
.ui-step-bar .ui-step-done, .ui-step-bar .ui-step-start-done, .ui-step-bar .ui-step-end-done { color: #888888; }
.ui-step-bar .ui-step-name { float: left; margin-left: -25px; margin-top: -30px; position: relative; top: -30px; white-space: nowrap; }
.ui-step-bar .ui-step-no { color: #FFFFFF; display: block; font-size: 16px; height: 34px; line-height: 34px; text-align: center; width: 34px; }
.ui-step-bar .ui-step-done, .ui-step-bar .ui-step-cur { background-position: 0 -35px; }
.ui-step-bar .ui-step-start { background-position: 0 -70px; }
.ui-step-bar .ui-step-start-done, .ui-step-bar .ui-step-start-cur { background-position: 0 -105px; }
.ui-step-bar .ui-step-end { background-position: 0 -140px; }
.ui-step-bar .ui-step-end-done, .ui-step-bar .ui-step-end-cur { background-position: 0 -175px; }
.ui-step-bar .ui-step-done .ui-step-status, .ui-step-bar .ui-step-start-done .ui-step-status, .ui-step-bar .ui-step-end-done .ui-step-status, .ui-step-bar .ui-step-cur .ui-step-status, .ui-step-bar .ui-step-start-cur .ui-step-status, .ui-step-bar .ui-step-end-cur .ui-step-status { background-color: #B90100; display: block; font-size: 0; height: 4px; margin-top: -19px; overflow: hidden; }
.ui-step-bar .ui-step-cur .ui-step-status, .ui-step-bar .ui-step-start-cur .ui-step-status, .ui-step-bar .ui-step-end-cur .ui-step-status, .ui-step .ui-step-start-done .ui-step-status { background-position: right -210px; padding-right: 17px; width: 50%; }
.ui-step-bar .ui-step-done .ui-step-status, .ui-step-bar .ui-step-start-done .ui-step-status, .ui-step-bar .ui-step-end-done .ui-step-status { padding: 0; width: auto; }
.ui-step-bar .ui-step-start .ui-step-status, .ui-step-bar .ui-step-start-cur .ui-step-status, .ui-step-bar .ui-step-start-done .ui-step-status { margin-left: 5px; padding-right: 12px; }
.ui-step-bar .ui-step-end .ui-step-status, .ui-step-bar .ui-step-end-cur .ui-step-status, .ui-step-bar .ui-step-end-done .ui-step-status { margin-right: 5px; padding: 0; }
.ui-step-2 .ui-step-start .ui-step-status, .ui-step-2 .ui-step-start-cur .ui-step-status, .ui-step-2 .ui-step-start-done .ui-step-status { padding: 0; }
.ui-step-2 li { margin-right: -34px; width: 100%; }
.ui-step-3 li { margin-left: -17px; width: 49.99%; }
.ui-step-4 li { margin-left: -12px; width: 33.33%; }
.ui-step-5 li { margin-left: -9px; width: 25%; }
.ui-step-4 .ui-step-start, .ui-step-4 .ui-step-start-cur, .ui-step-4 .ui-step-start-done, .ui-step-5 .ui-step-start, .ui-step-5 .ui-step-start-cur, .ui-step-5 .ui-step-start-done { padding-left: 1px; }
.ui-step-bar .ui-step-end, .ui-step-bar .ui-step-end-cur, .ui-step-bar .ui-step-end-done { float: right; margin-left: -34px; margin-right: 0; width: 34px; }
.ui-step-bar .ui-step-end .ui-step-name, .ui-step-bar .ui-step-end-cur .ui-step-name, .ui-step-bar .ui-step-end-done .ui-step-name { float: right; margin-right: -15px; }
.ui-step-bar .ui-step-end .ui-step-status, .ui-step-bar .ui-step-end-cur .ui-step-status, .ui-step-bar .ui-step-end-done .ui-step-status { padding-left: 5px; }

